<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page errorPage="JSP_Error.jsp"%>
<%@ page import="com.microstrategy.web.app.utils.JavaScriptBundles"%>
<%@ taglib uri="/webUtilTL.tld" prefix="web"%>
<%@ page import="com.microstrategy.web.app.beans.PageComponent"%>
<% PageComponent mstrPage = (PageComponent) request.getAttribute("mstrPage");%>
<%@ page contentType="text/html; charset=UTF-8"%>
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Search User</title>

<web:resource type="custom-javascript" name="jquery.min.js" />
<web:resource type="custom-javascript" name="searchUserPage.js" />

<web:resource type="custom-style" name="main.css" />
<web:resource type="custom-style" name="searchUserPage.css" />

</head>
<body>
	<div class="searchUser">
		<div class="linkBar">
			<div class="leftLink">Home</div>
			<div class="leftLink">Trigger MARC Events</div>
			<div class="leftLink">Create Shared Folder</div>
			
			<div class="rightLink">Logout</div>
			<div class="rightLink">My Profile</div>
		</div>
		<div class="logoBar">
			<img class="logo" src="../plugins/UAM/style/images/Amex_Blue.png">
			<div class="title">Search Users</div>
			<hr class="line"/>
		</div>
		<div class="searchBar">
			<div class="searchType">
				<div>
					<input type="radio" checked="checked"><label>Employee/Contractor Id</label>
				</div>
				<div>
					<input type="radio"><label>ADS Id</label>
				</div>
				<div>
					<input type="radio"><label>First Name</label>
				</div>
				<div>
					<input type="radio"><label>Last Name</label>
				</div>
			</div>
			<div class="searchBox">
				<input type="text">
				<img src="../plugins/UAM/style/images/search-search.png" onclick="$('.searchResults').show();">
			</div>
		
		</div>
	</div>
	<div class="searchResults" style="display: none;">
		<div style="text-align: left;">found 5 results with the First Name having: "john"</div>
		<div style="text-align: left; font-style: italic;">click on the Employee/Contractor Id to view the User Profile. A * next to the User Profile indicates an Active Profile.</div>
		<div style="min-height: 250px;">
			<table cellpadding=0 border="1" >
				<tr>
					<th>&nbsp;</th>
					<th>Amex Web Id</th>
					<th>Employee/Contractor Id</th>
					<th>Full Name</th>
					<th>Department</th>
					<th>Business Unit</th>
					<th>Cost Center</th>
					<th>Phone#</th>
					<th>E-Mail Address</th>
					<th>Manager</th>
				</tr>
				<tr>
					<td><input type="checkbox"> <span>*</span></td>
					<td>jsmith10</td>
					<td><a>72937071</a></td>
					<td>John Smith</td>
					<td>GMAR Tech</td>
					<td>-</td>
					<td>255 503 771</td>
					<td>602 123 4567</td>
					<td><a href="#">john.smith@aexp.com</a></td>
					<td>Gene Mason</td>
				</tr>
				<tr>
					<td><input type="checkbox"> <span>*</span></td>
					<td>jsmith10</td>
					<td><a>72937071</a></td>
					<td>John Smith</td>
					<td>GMAR Tech</td>
					<td>-</td>
					<td>255 503 771</td>
					<td>602 123 4567</td>
					<td><a href="#">john.smith@aexp.com</a></td>
					<td>Gene Mason</td>
				</tr>
				<tr>
					<td><input type="checkbox"> <span>*</span></td>
					<td>jsmith10</td>
					<td><a>72937071</a></td>
					<td>John Smith</td>
					<td>GMAR Tech</td>
					<td>-</td>
					<td>255 503 771</td>
					<td>602 123 4567</td>
					<td><a href="#">john.smith@aexp.com</a></td>
					<td>Gene Mason</td>
				</tr>
			</table>
			
		</div>
		<div style="width: 500px; margin: 0 auto;">
			<div class="button">Activate/Deactivate</div>
			<div class="button">Delete</div>
		</div>
	</div>
</body>
</html>	
	



